body
{
    margin: 0px;
    background: #535353;
    color: #fff;
    font-family: Arial;
	background: url(../images/back.png) repeat-x #333333;
}

img
{
	border: none;
}

div.rxs-factory ul
{
    margin: 0px;
    padding: 0px;
}


div.rxs-factory a
{
	text-decoration: none;
}

div.rxs-factory li
{
    list-style: none;
}

div.rxs-factory div.header
{
	
}

div.rxs-factory div.header img
{
	padding: 1px 0px 0px 4px;
}

div.rxs-factory
{
    margin: 0 auto;
    width: 998px;
}

div.rxs-factory div.side-bar
{
    width: 226px;
    float: left;
    margin: 10px;    
}

div.rxs-factory div.home
{
    float: left;
	width: 480px;	
}

div.rxs-factory h2
{
	font-size: 16px;
	color: 	#fff;
	margin: 0px; 
	padding: 0px;
}

div.rxs-factory h4
{
	text-align: cemter;
	margin: 0px;

}

div.rxs-factory h4 a
{
	color: #c2272b;		
	font-size: 26px;	
}

div.rxs-factory h3 
{
	text-align: cemter;	
	margin-bottom: 0px;
}

div.rxs-factory h3 a
{
	color: #fff;
	font-size: 18px;
}	

div.rxs-factory div.box
{
    margin-bottom: 15px; 
    clear: both;
	padding: 5px 5px 15px 5px;
	background: url(../images/back-box.png) transparent;	
}

div.rxs-factory div.side-bar div.box h2
{
	margin: 0px;
    margin-bottom: 5px; 
    font-size: 34px;
}

div.rxs-factory div.side-bar div.products
{

}


div.rxs-factory div.main-content
{
    xwidth: 730px;    
    float: left;
    margin: 10px;
}

div.menu ul li
{
    float: left;
    list-style: none;
    padding: 3px;
    margin-right: 10px;
}

div.menu ul li a
{
    color: #c7262b;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none;
}

div.rxs-factory div.side-bar-right
{
    width: 226px; 
    float: right;
    margin: 10px;
}

div.rxs-factory div.products div.items
{
    text-align: center;
}

div.rxs-factory div.products div.items ul
{
    display: inline;
    width: 150px;
}

div.rxs-factory div.products div.items ul li
{
    float: left;
    list-style: none;
}

div.rxs-factory div.products div.items ul li a
{
    padding: 10px;
}

div.rxs-factory div.outlet ul li
{
    list-style: none;
	padding-left: 10px;
}

div.rxs-factory div.outlet ul li a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

div.rxs-factory div.offers ul li
{
	text-align: cemter;	
	background: #686868;
	padding: 10px;
	width: 205px;
	margin: 10px 0px 10px 10px;
	float: left;
	border-radius: 10px;
}

div.suggests
{
	background: #686868;
	padding: 10px;	
	border-radius: 10px;	
}

div.suggests ul li
{
	float: left;
	width: 153px;
}

div.side-bar-right ul
{
	padding: 5px;
}

div.side-bar-right ul li
{
	font-size: 13px;
}

div.clearfix
{
	clear: both;
}

    #carousel_inner {  
    float:left; /* important for inline positioning */  
    width:630px; /* important (this width = width of list item(including margin) * items shown */  
    overflow: hidden;  /* important (hide the items outside the div) */  
    /* non-important styling bellow */  
    background: #F0F0F0;  
    }  
      
    #carousel_ul {  
    position:relative;  
    left:-210px; /* important (this should be negative number of list items width(including margin) */  
    list-style-type: none; /* removing the default styling for unordered list items */  
    margin: 0px;  
    padding: 0px;  
    width:9999px; /* important */  
    /* non-important styling bellow */  
    padding-bottom:10px;  
    }  
      
    #carousel_ul li{  
    float: left; /* important for inline positioning of the list items */  
    width:200px;  /* fixed width, important */  
    /* just styling bellow*/  
    padding:0px;  
    height:110px;  
    background: #000000;  
    margin-top:10px;  
    margin-bottom:10px;  
    margin-left:5px;  
    margin-right:5px;  
    }  
      
    #carousel_ul li img {  
    .margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/  
    /* styling */  
    cursor:pointer;  
    cursor: hand;  
    border:0px;  
    }  
    #left_scroll, #right_scroll{  
    float:left;  
    height:130px;  
    width:15px;  
    background: #C0C0C0;  
    }  
    #left_scroll img, #right_scroll img{  
    /*styling*/  
    cursor: pointer;  
    cursor: hand;  
    }  